﻿
.main
{
    width: 1000px;
}
.Header
{
    background: url("../Content/Image/admin/bg_header.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
}

/*menu      */
.divmenu
{
    background: blue;
}
.ulMenuMain
{
    display: block;
}
.ulMenuMain li
{
    border-right: 1px solid #000000;
    display: inline;
    list-style-type: none;
    padding: 5px 15px;
    float: left;
}

.ulMenuMain li a
{
    color: #FFFFFF;
    font: bold 16pt gulim;
}

.ulMenuMain li:hover
{
    background-color: #2D3444;
}
.ulMenuMain li:hover a
{
    color: #FFF000;
}


.divContent
{
    border: 1px solid blue;
    min-height: 100px;
    padding: 5px;
}
.divBody
{
    margin: 5px;
}

/* button tools */

.divTool
{
    border-bottom: 1px solid #ccc;
    text-align: right;
}

.btn_boder
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url('../Content/PIE.htc');
    position: relative;
    z-index: 3;
    background-color: #fff !important; /* color:#9f9e9e;*/
    color: #000;
    border: 1px solid #CCCCCC;
    font-size: 11pt;
    font-weight: bold;
    margin: 5px 1px;
    padding: 8px 10px 8px 30px;
    cursor: pointer;
    display: inline-block;
}

a.btn_boder:hover
{
    background-color: #f7f7f7 !important;
    color: #0d5d86;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.btn_save
{
    background: url("../Content/Image/iconTools/icon_save.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_edit
{
    background: url("../Content/Image/iconTools/icon_edit.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_new
{
    background: url("../Content/Image/iconTools/icon_new.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_delete
{
    background: url("../Content/Image/iconTools/icon_delete.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_coppy
{
    background: url("../Content/Image/iconTools/icon_coppy.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_move
{
    background: url("../Content/Image/iconTools/icon_move.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_cut
{
    background: url("../Content/Image/iconTools/icon_cut.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_search
{
    background: url("../Content/Image/iconTools/icon_search.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_back
{
    background: url("../Content/Image/iconTools/icon_back.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_cancel
{
    background: url("../Content/Image/iconTools/icon_cancel.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_close
{
    background: url("../Content/Image/iconTools/icon_close.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}

.btn_lock
{
    background: url("../Content/Image/iconTools/icon_lock.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}
.btn_unlock
{
    background: url("../Content/Image/iconTools/icon_unlock.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}
.btn_more
{
    background: url("../Content/Image/iconTools/icon_more.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);
}


/* ================= List View ====================*/




.tb_product
{
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
}

.tb_product thead tr
{
    background: none repeat scroll 0 0 #f5f7f9;
}

.tb_product tr th
{
    background: none repeat scroll 0 0 #f5f7f9;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 5px;
}


.tb_product tr td
{
    border-right: 1px solid #CCCCCC;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
}

.tb_product tr td img
{
    max-width: 80px;
    max-height: 80px;
}


th.classFist, td.classFist
{
    border-left: 1px solid #CCCCCC;
}
.tb_product tr td.name
{
    text-align: left;
}


.tb_product tr:hover
{
    /*background:#DDF4FF;*/
    background: #f5f7f9;
    cursor: pointer;
}
.tb_product tr.tr_end
{
    background: #f5f7f9;
}

.tb_product tr.tr_end td
{
    font-weight: bold;
}

/*-----------------------------------------------*/

.checkbox
{
    height: 30px;
    width: 30px;
    background: url("../Content/image/icon/icon_checkbox1.png") 0 0px no-repeat;
    margin: auto;
}
.checked
{
    background: url("../Content/image/icon/icon_checkbox2.png") 0 0px no-repeat;
}

#mainDiv
{
    border: 1px solid #CCCCCC;
    overflow-y: auto;
    padding: 5px;
    position: relative;
    z-index: 10;
    height: 800px;
}

#wrapperDiv
{
    padding-bottom: 20px;
}


.tbEdit
{
    margin-right: 10px;
    width: 100%;
}
.tbEdit tr td
{
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
.tbEdit tr th
{
    text-align: left;
    font-size: 13pt;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    width: 130px;
    font-weight: normal;
}

.tbEdit tr td input[type="Text"], .tbEdit tr td textarea
{
    width: 100%;
}

.bnt
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url('../Content/PIE.htc');
    position: relative;
    z-index: 3;
    background-color: #ccc !important; /* color:#9f9e9e;*/
    color: #000;
    border: 1px solid #CCCCCC;
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 1px;
    padding: 5px 10px;
    cursor: pointer;
    display: block;
    text-align: center;
}



.divlist
{
   display: table;
    width: 100%;
}

.gird-title
{
   background: none repeat scroll 0 0 #aaa;
    display: table-row;
    font-weight: bold;
    padding: 5px 0;
}

.gird-itemTitle
{
  border-left: 1px solid #ccc;
    display: table-cell;
    padding: 5px;
    text-align: center;
}

.gird-row
{
      border-bottom: 1px dashed #ccc;
   display: table-row;
    padding: 5px;
    text-align: justify;
}

.gird-item
{
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    display: table-cell;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.row_01
{
    width: 5%;
}
.row_02
{
    width: 10%;
}
.row_03
{
    width: 30%;
}
.row_04
{
    width: 15%;
}
.row_05
{
    width: 15%;
}
.row_06
{
    width: 10%;
}
.row_07
{
    width: 10%;
}

div.clmoney
{
    text-align:right;
    }
    
div.clTitle
{
    text-align:left;
    }    
.rowEnd
{
    border-right: 1px solid #ccc;
}


.cl_Row
{
    clear: both;
    margin: 5px 0;
    display: inline-table;
}

.cl_Title
{
    display: list-item;
}

.cl_Input
{
    display: list-item;
}


.loginInfo
{
    color: yellow;
    font-size: 12pt;
    padding: 5px;
    text-align: left;
}

.loginInfo ul
{
}

.loginInfo ul li a
{
    color: Blue;
    font-weight: bold;
    margin-left: 20px;
}

.fiedError
{
    border: 1px solid red;
    text-decoration: blink;
    color: red;
}

.sp_batBuoc
{
    color: Red;
}
